.wow{animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}.delay1{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}.delay2{animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}#articleInfo20 ul{}#articleInfo20 ul li{display: flex;flex-wrap: wrap;justify-content: space-between;}#articleInfo20 ul li.focus{padding: 55px 25px;background: #caa34b;border-color: #775e27;color: #242425;}#articleInfo20 ul li h3{font-size: 20px;}#articleInfo20 ul li h5{font-size: 16px;color: #caa34b;}#articleInfo20 ul li.focus h5{color: #fff;}#articleInfo20 ul li p.photo{width: calc((100%/5) - 20px);margin: 10px;position: relative;border-radius: 10px;overflow: hidden;}#articleInfo20 ul li p.photo b{display: block; text-align: center; margin-top: 10px; bottom: 5px; left: 10px; color: #1d1d1d;}#articleInfo20 .bottomBox h3{text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}#articleInfo20 .bottomBox p{margin: 10px 0 20px;text-align: center;font-size: 18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}#articleInfo20 .bottomBox article{animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}@media screen and (max-width: 768px){#articleInfo20 ul li p.photo{width: calc((100%/2) - 20px);}}